<template>
  <div class="list">
    <Mheader></Mheader>
    <el-row>
      <el-col :span="3">
        <navbar></navbar>
      </el-col>
      <el-col :span="21">
        <container></container>
      </el-col>
    </el-row>
  </div>

</template>

<script>
import navbar from "../views/navbar";
import Mheader from "../views/Mheader";
import container from "../views/container";
export default {
  name: "list",
  data() {
    return {};
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  },
  components: {
    navbar,
    container,
    Mheader
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
</style>
